<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>颜色的第四种表示方式_HSL或</title>
</head>
<!--
在使用HSL和HSLA表示颜色之前,让我们先学习一下什么是HSL:
    HSL:是通过色相,饱和度,亮度来表示一个颜色的,格式为hsl(色相,饱和度,亮度)
    在CSS色相中:取值范围是0~360度,分三档0是红色,120是绿色,240是蓝色,360=0红色
              饱和度的取值范围是0%~100%(向色相中添加灰色,0%为全灰,100%没有灰)
              亮度的取值范围是0~100%(0%表示亮度没了,所以就是黑色,100%亮度太强,所以是白色)

    HSL格式:color: hsl(0,100%,50%)
    HSLA格式:color: hsla(0,100%,50%,50%),最后一个50%表示透明度,值越大,透明度越低
-->
<style>
    p {
        color: hsla(120, 100%, 50%, 100%);
    }
</style>
<body>
<p>这是由HSLA调色的结果</p>
</body>
</html>